<!-- src下面的inedex.html是入口文档 可以通过localhost:3000网址直接访问到-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>熊猫登录、注册页面</title>

    <!--引入公共样式文件-->
    <!-- <link rel="stylesheet" type="text/css" href="/css/base.css" /> -->
    <!-- <link rel="stylesheet" type="text/css" href="/css/login.css" /> -->
    <link rel="stylesheet" type="text/css" href="/css/index.css" />
    <!-- 这个就是只需要引入一次 ，就是不在这里来写script引入，只需要写下面这一句就行，这就是requirejs的作用，懂了吗？-->
    <script src="./libs/requirejs/require.min.js" data-main="./js/login"></script>

    <!-- <script src="./libs/requirejs/require.min.js" data-main="./js/index"></script> -->
</head>

<body>

    <div class="head">
        <div class="left">
            <img src="./images/x1.png" width="280" height="100">
            <span>欢迎登录</span>
        </div>
        <div class="right">
            <img src="./images/x2.png">
        </div>
    </div>


    <main>
        <div class="banner6">
            <div class="left2">
                <img src="./images/x3.webp">
            </div>

            <div class="right2">
                <div class="right22">
                    <button>注册</button>
                    <button>登录</button>
                    <form action="">
                        <i class="iconfont icon-icon-test"></i>
                        <input type="text" class="username" placeholder="邮箱/用户名/手机"><br/><br/><br/>
                        <i class="iconfont icon-icon-test"></i>
                        <input class="password" type="text" name="password" placeholder="密码">
                    </form>
                    <a href="">忘记密码</a>
                    <button class="btn">登录</button>
                </div>
            </div>
        </div>

    </main>

    <div class="nav">
        <ul>
            <li>
                <a href="">关于我们</a>
            </li>
            <li>
                <a href="">联系我们</a>
            </li>
            <li>
                <a href="">人才招聘</a>
            </li>
            <li>
                <a href="">商家入驻</a>
            </li>
            <li>
                <a href="">广告服务</a>
            </li>
            <li>
                <a href="">手机熊猫</a>
            </li>
            <li>
                <a href="">友情衔接</a>
            </li>
            <li>
                <a href="">销售联盟</a>
            </li>
            <li>
                <a href="">熊猫社区</a>
            </li>
            <li>
                <a href="">熊猫公益</a>
            </li>
            <li>
                <a href="">English Site</a>
            </li>
        </ul>
    </div>

    <!-- <script src="./js/log_on.js"></script> -->


</body>

</html>